<div class="border">
  <div class="header">
    <span>运维日志</span>
  </div>
  <div class="list">
    <!--<md-slide-toggle-->
    <!--class="example-margin"-->
    <!--[color]="primary"-->
    <!--[checked]="checked">-->
    <!--自动上报-->
    <!--</md-slide-toggle>-->
    <div class="reports">
      <div class="report">
        <md-select placeholder="设备类型" [(ngModel)] = "device" (change) = "devTypeChange()">
          <md-option *ngFor="let dev of deviceList" [value]="dev.value">
            {{ dev.viewValue }}
          </md-option>
        </md-select>
      </div>

      <div class="report">
        <md-select placeholder="日志上传"  [(ngModel)] = "logType" (change) = "devTypeChange()">
          <md-option *ngFor="let log of logshowList" [value]="log.value">
            {{ log.viewValue }}
          </md-option>
        </md-select>
      </div>

    </div>



    <div class="netSoundSource-container ">
      <md-table #table [dataSource]="dataSource">
        <ng-container cdkColumnDef="EBDID">
          <md-header-cell *cdkHeaderCellDef>EBDID</md-header-cell>
          <md-cell *cdkCellDef="let row" mdTooltip = "{{row.EBDID   }}"> {{"..."+ row.EBDID.slice(-8)}}</md-cell>
        </ng-container>
        <!-- Color Column -->
        <ng-container cdkColumnDef="time">
          <md-header-cell *cdkHeaderCellDef>时间</md-header-cell>
          <md-cell *cdkCellDef="let row"> {{row.time | date: 'yyyy-MM-dd HH:mm:ss'}}</md-cell>
        </ng-container>

        <!-- Progress Column -->
        <ng-container cdkColumnDef="typeMessage">
          <md-header-cell *cdkHeaderCellDef>设备类型</md-header-cell>
          <md-cell *cdkCellDef="let row"> {{row.typeMessage}}</md-cell>
        </ng-container>

        <!-- Name Column -->
        <ng-container cdkColumnDef="ifRequest">
          <md-header-cell *cdkHeaderCellDef>日志类型</md-header-cell>
          <md-cell *cdkCellDef="let row"> {{row.ifRequest?"请求日志":"上报日志"}}</md-cell>
        </ng-container>


        <ng-container cdkColumnDef="operator">
          <md-header-cell *cdkHeaderCellDef>操作</md-header-cell>

          <md-cell *cdkCellDef="let row">
            <span (click)="detail(row)" class = "oper">详情</span>
            <span (click)="res(row)" class = "oper" *ngIf="row.ifRequest">应答内容</span>

          </md-cell>
        </ng-container>





        <md-header-row *cdkHeaderRowDef="displayedColumns"></md-header-row>
        <md-row *cdkRowDef="let row; columns: displayedColumns;"></md-row>
      </md-table>
      <md-paginator #paginator [length]="soundSourceDatabase.data.length" [pageIndex]="0" [pageSize]="10" [pageSizeOptions]="[10, 20, 30, 40]">
      </md-paginator>
    </div>

  </div>
</div>
